<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单详情</title>

    <!-- 加载静态文件 -->
    {% load static %}

    <!-- jQuery -->
    <script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script>

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
    <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>

    <!-- Layer -->
    <script type="text/javascript" src="{% static 'layer/layer.js' %}"></script>

    <!-- Common.js -->
    <script type="text/javascript" src="{% static 'js/common.js' %}"></script>
</head>
<body>
<div class="panel panel-default">
    <div class="panel-heading">秒杀订单详情</div>
    <table class="table" id="order">
        <tr>
            <td>商品名称</td>
            <td colspan="3">{{ goods.goodsName }}</td>
        </tr>
        <tr>
            <td>商品图片</td>
            <td colspan="2"><img src="{{ goods.goodsImg }}" width="200" height="200"/></td>
        </tr>
        <tr>
            <td>订单价格</td>
            <td colspan="2">{{ order.goodsPrice }}</td>
        </tr>
        <tr>
            <td>下单时间</td>
            <td colspan="2">{{ order.createDate|date:"Y-m-d H:i:s" }}</td>
        </tr>
        <tr>
            <td>订单状态</td>
            <td>
                {% if order.status == 0 %}
                    <span>未支付</span>
                {% elif order.status == 1 %}
                    <span>待发货</span>
                {% elif order.status == 2 %}
                    <span>已发货</span>
                {% elif order.status == 3 %}
                    <span>已收货</span>
                {% elif order.status == 4 %}
                    <span>已退款</span>
                {% elif order.status == 5 %}
                    <span>已完成</span>
                {% endif %}
            </td>
            <td>
                <button class="btn btn-primary btn-block" type="submit" id="payButton">立即支付</button>
            </td>
        </tr>
        <tr>
            <td>收货人</td>
            <td colspan="2">XXX  18012345678</td>
        </tr>
        <tr>
            <td>收货地址</td>
            <td colspan="2">上海市浦东区世纪大道</td>
        </tr>
    </table>
</div>
</body>
</html>